<template>
  <div>
    <ProductListingItem v-for="product in products" :key="product.id">
    </ProductListingItem>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import ProductListingItem from "./ProductListingItem.vue";

export default defineComponent({
  components: {
    ProductListingItem,
  },
  data() {
    return {
      products: [
        {
          id: 1,
        },
      ],
    };
  },
});
</script>

<style></style>
